// 定义一个全局的 vue命令
// 用于 图片资源获取 不到 造成没有图片显示的 问题
export const imgError = {
  //  dom 指的 指令用于的当前的dom元素   binding指的是 指令接收到的值
  inserted(dom, binding) {
    //   图片异常的逻辑
    //  监听img标签的错误事件  因为图片加载失败 会触发  onerror事件
    dom.src = dom.src || binding.value
    dom.onerror = function() {
      dom.src = binding.value
    }
  },
  // 完成请求后 如果 发现 img src 属性 还是没有 那么 就进行替换成本地的src
  componentUpdated(dom, binding) {
    dom.src = dom.src || binding.value
  }
}
